<template>
    <div class="company-header-sec">
        <el-page-header @back="goBack" title="">
            <template #content>
                <div class="header-content">
                    <h3>{{title}}</h3>
                    <div class="header-content-btns">
                        <slot name="headerContentBtns"/>
                    </div>
                </div>
            </template>
        </el-page-header>
    </div>
</template>

<script>
    export default {
        name: "companyHeader",
        props: {
            title: {type: String, default: ""}
        },
        methods: {
            goBack() {
                this.$router.go(-1);
            }
        }
    }
</script>

<style lang="less" scoped>
    .company-header-sec {
        /deep/.el-page-header {
            .el-page-header__left {
                margin-right: 10px;
                &:after {
                    display: none;
                }
            }
        }
        /deep/.el-page-header__content {
            width: 100%;
            /* 页头内容区域 */
            .header-content {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
        }
    }
</style>
